@gap: 10px;

.flex-content-wrapper {
  padding: 0;
  background-color: unset;
}

.flex-content {
  overflow: auto;
}



// 表头样式

.form-wrapper {
  padding-right: 50px;
}

/deep/ .ant-input-search-button {
  span.anticon:not(.app-iconify) {
    vertical-align: -1px !important;
  }
}

/*设置组合下拉框弹窗宽度*/
/deep/ .ant-select-dropdown {
  width: 100% !important;
}

@radius: 12px;
@gap: 10px;
@borderColor: #dde0e5;

.entry-tab {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.top-gap {
  margin-top: @gap + 6px;
}

.block-border {
  border: 1px solid #d9d9d9;
  border-radius: @radius;
}

.container-padding {
  padding: 0 @gap @gap;
}


.container-block {
  background-color: #fff;
}

.block-title {
  padding: 16px 12px;
  font-size: 16px;
  font-weight: 500;
}

:deep(.ant-collapse) {
  background-color: #fff;
  border-radius: @radius;

  .ant-collapse-content,
  .ant-collapse-item {
    border-radius: 0 0 @radius @radius;
  }

  .panel-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  &.body-btm-collapse-panel {
    margin: -1px -17px;
    border-radius: 0 0 @radius @radius;

    .ant-collapse-item {
      border-radius: 0;

      &.bot-radius {
        border-radius: 0 0 @radius @radius;
      }
    }

    .ant-collapse-item:last-child {
      border-radius: 0 0 @radius @radius;
    }
  }
}

.header-title :deep(.panel-header-icon) {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
}

.body-container {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  flex: 1 0 700px;
  height: 700px;
  border: 1px solid #ccc;
  border-radius: 12px;

  .block-title {
    flex: 0 0 auto;
    padding-bottom: 6px;
    border-left: 1px solid @borderColor;
    border-top: 1px solid @borderColor;
    border-right: 1px solid @borderColor;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-weight: 700;
    font-size: 16px;
  }

  .body-list {
    flex: 1 0 auto;
  }
}

.header-actions {
  padding: 0 @gap 10px;
  border-top: none;
  border-bottom-color: #f0f0f0;
  background-color: #fff;
  border-left: 1px solid @borderColor;
  border-right: 1px solid @borderColor;
  border-bottom: 1px solid @borderColor;
}

.header-container {
  flex: 1 0 0px;

  .header-panel {
    &> :deep(.ant-collapse-header) {
      padding: 0;
      display: block;
      background-color: #f0f2f5;

      .header-title {
        border: 1px solid @borderColor;
        border-radius: @radius;
        background-color: #fff;
      }
    }

    &[class*='ant-collapse-item-active'] {
      .header-title {
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
    }

    :deep(.ant-collapse-header):has(+ .ant-motion-collapse) .header-title {
      border-bottom: none;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  .header-panel> :deep(.ant-collapse-content)>.ant-collapse-content-box {
    padding: 0;
  }

  .container-padding {
    padding-top: 10px;
    border-radius: 0 0 @radius @radius;
    border: 1px solid @borderColor;
    border-top: none;
  }

}

/*紧凑间距样式*/
@narrowRadius: 6px;
@narrowSize: 13px;

@media (max-height: 700px) {
  .body-container {
    flex: 1 0 500px;
  }
}


//  表体样式
.body-list-wraper {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;

  :deep(.action-bar-wrapper) {
    padding: 10px 0;
  }

  :deep(.ant-table-body) {
    .ant-table-cell {
      padding: 6.5px 8px;

      .action-bar-wrapper {
        padding: 0;
      }
    }
  }

  .content-table-bottom-btn {
    position: relative;
    height: 40px;

    &.height0 {
      height: 0;
    }

    >div {
      position: absolute;
      bottom: 0;
      right: 5px;
      width: auto !important;
    }
  }

}

.body-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 90vh;
  padding: 10px;
}